@charset "utf-8";
/* CSS Document */

/*基本信息*/
body {
	
	font:12px Tahoma;
	margin:0px;
	text-align:center;
	background:#06F;
}
a:link,a:visited {
	
	font-size:12px;
	text-decoration:none;
}
a:hover{}

/*页面层容器*/
#container {
	
	width:1002px;
	height:960px;
	margin:2px auto;
	background:#FFF;
	border:#CCC 1px solid;
}

#header {
	
	width:100%;
	height:296px;
}

#logo {
	
	width:80px;
	height:56px;
	background:url(../image/logo.jpg) no-repeat;
	float:left;
}

#logo_text {
	
	height:56px;
	float:right;
}
		

#menu {
	
	float:left;
    width:100%;
	margin:0;
	padding:0 0 8px 0;
    background:#BBD9EE;
    height:40px;
    

}
/*利用padding:20px 20px 0 0来固定菜单位置*/
#menu ul {
	
	margin:0 0 0 70px;
    padding:0;
	height:40px;
	
	list-style:none;

}
/*添加了float:right使得菜单位于页面右侧*/
#menu li {
	
	 display:inline;
     margin:0;
     padding:0;
	 

}

#menu a {
	
	 float:left;
     background:url("../image/tableft.gif") no-repeat left top;
     margin:0;
     padding:0 0 0 4px;
     text-decoration:none;
	
	
}

#menu a span {
	
	width:120px;
	height:25px;
	
    display:block;
    background:url("../image/tabright.gif") no-repeat right top;
    padding:8px 10px 0px 3px;
    color:#666;
	font-size:16px;
	
}

#menu a span {float:none;}

#menu a:hover span {

     color:#FF9834;

}

#menu ul li a:hover{

	background-position:0% -42px;
}

#menu a:hover span {

    background-position:100% -42px;
}

#banner {
	
	float:left;
	width:100%;
	height:200px;
	background:url(../image/banner_40.gif) no-repeat;
}

.clear {
	
	clear:both;
}

#PageBody {
	
	width:100%;
	height:550px;
	margin:0;
	padding:0;
	position:absolute;
	top:320px;
	
}

#Sidebar {

	margin:0 1px 0 3px;
	padding:0;
	width:185px;
	height:545px;
	float:left;
	border:#CCC 1px solid;
	
}

#Sidebar .h2 {
	
	margin:0;
	padding:7px 0 0;
	display:block;
	width:180px;
	height:30px;
	background:url(../image/title_bg.jpg);
	color:#24618E;
	font-size:16px;
}

#catelist {
	
	width:185px;
	height:530px;
	margin:0;
	padding:0;
	
}

#catelist ul {
	
	margin:0;
	padding:0;
	list-style:none;

}

#catelist li {

  	display:block;
	width:100%;
	height:auto;
  	margin:0;
  	padding:0;

  }

#catelist a {

	margin:0 auto;
	width:100%;
	background:url("../image/tableftJ.gif") no-repeat left top;
	padding:0;
	text-decoration:none;

}

#catelist a span {

	display:block;
	width:88%;
	background:url("../image/tabrightJ.gif") no-repeat right top;
	padding:5px 15px 4px 0;
	color:#000;
	font-size:14px;

}



#catelist a span {float:none;}

#catelist a:hover span {

	color:#FFF;

}

#catelist a:hover {

	background-position:0% -42px;

}

#catelist a:hover span {

	background-position:100% -42px;

}


#MainBody {
	
	margin:0 1px 0 3px;
	padding:0;
	width:550px;
	float:left;
	height:545px;
	border:#CCC 1px solid;
}

#MainBody .h2 {
	
	margin:0;
	padding:0;
	display:block;
	width:550px;
	height:26px;
	background:url(../image/title_bg.jpg) top;
	color:#24618E;
	font-size:16px;
	text-align:left;
	vertical-align:top;
	position:absolute;
	top:5px;


}

#prodList {
	
	margin:5px 0 0;
	padding:0 10px 0;
	width:550px;
	height:490px;
	
	
}

#prodList ol {
	
	margin:10px 5px 1px 10px;
	padding:8px;
	width:550px;
	height:490px;
	
}
#prodList ul {
	
	margin:10px 5px 1px 10px;
	padding:8px;
	width:550px;
	height:490px;
	list-style:none;
}

#prodList li {
	
	margin:0;
	padding:0;
	float:left;
	width:160px;
	height:115px;
}

#prodList li a {
	
	margin:0 auto;
	width:100%;
	padding:0;
	text-decoration:none;	
	
}

#prodList li a span{
	
	display:block;
	width:88%;
	
	color:#000;
	font-size:12px;
	
}

#prod_page{
	
	margin:0 auto;
	padding:0;
	width:200px;
	height:20px;
	
	
}
#right_con {
	
	margin:0 1px 0 3px;
	padding:0;
	width:240px;
	height:545px;
	float:left;
	border:#CCC thin solid;
	
}

#newsList {
	
	margin:5px 4px 0;
	padding:0;
	width:230px;
	height:260px;
	border:#CCC thin solid;
	
}

#newsList ol {
	
	margin:5px 0px 1px 3px;
	padding:0 0 0 18px;
	width:230px;
	height:250px;
	
	
}

#newsList li {
	
	margin:5px 0 5px;
	padding:0;
	width:230px;
}

#newsList li a {
	
	margin:0;
	width:100%;
	padding:0;
	text-decoration:none;	
	
}

#newsList li a span{
	
	display:block;
	width:80%;
	text-align:left;
	color:#000;
	font-size:12px;
	
	
}

#contact {
	
	margin:5px 4px 0;
	padding:0;
	width:230px;
	height:260px;
	border:#CCC thin solid;
	
}

#contact ul {
	
	margin:5px 0px 1px 3px;
	padding:0 0 0 18px;
	width:230px;
	height:250px;
	list-style:none;
	
}

#contact li {
	
	margin:5px 0 5px;
	padding:0;
	width:230px;
	clear:both;
}

#contact li a{
	
	margin:0;
	padding:0;
	float:left;
}
#contact img{
	
	margin:0;
	position:relative;
	left:0;	
}
#contact span{
	
	display:block;
	width:80%;
	text-align:left;
	color:#000;
	font-size:12px;
	
	
}

#footer {
	
	margin:3px 3px 2px;
	padding:0;
	width:990px;
	height:80px;
	background:#999;
	border:#CCC 1px solid;
	position:absolute;
	top:875px;
	
}

#f_logo {
	
	margin:0;
	padding:0;
	width:150px;
	height:80px;
	float:left;
	
}

#copyright{
	
	padding-top:10px;
	width:850px;
	height:90px;
	text-indent:2em;
	text-align:left;
}
